import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface ListCollapseCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const ListCollapseCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: ListCollapseCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path fill="#fff" fillOpacity={0.01} d="M24 0v24H0V0z" />
      <Path
        fill={color}
        d="M4 20.5a1.5 1.5 0 0 1 0-3h7.5a1.5 1.5 0 0 1 0 3zM2.5 12A1.5 1.5 0 0 0 4 13.5h7.5a1.5 1.5 0 0 0 0-3H4A1.5 1.5 0 0 0 2.5 12M4 6.5a1.5 1.5 0 1 1 0-3h7.5a1.5 1.5 0 0 1 0 3z"
      />
      <Path
        fill={color}
        fillRule="evenodd"
        d="M19.012 14.551c-.278-.33-.588-.551-1.007-.551-.42 0-.73.221-1.007.551-.266.316-.54.778-.88 1.352-.084.142-.166.284-.247.428-.327.581-.59 1.05-.731 1.438-.147.405-.183.785.026 1.147.21.363.557.522.981.597.406.072.944.078 1.61.086.165.002.33.002.494 0 .667-.008 1.205-.014 1.611-.086.424-.075.771-.234.98-.597.21-.363.174-.742.027-1.147-.14-.388-.404-.857-.73-1.438-.081-.144-.164-.286-.248-.428-.34-.574-.614-1.036-.88-1.352M19.012 4.551c-.278-.33-.588-.551-1.007-.551-.42 0-.73.221-1.007.551-.266.316-.54.778-.88 1.352-.084.142-.166.284-.247.428-.327.581-.59 1.05-.731 1.438-.147.405-.183.784.026 1.147.21.363.557.522.981.597.406.072.944.078 1.61.086h.494c.667-.008 1.205-.014 1.611-.086.424-.075.771-.234.98-.597.21-.363.174-.742.027-1.147-.14-.388-.404-.857-.73-1.438-.081-.144-.164-.286-.248-.428-.34-.573-.614-1.036-.88-1.352"
        clipRule="evenodd"
      />
    </Svg>
  )
}
